<?php 

session_start(); 

?>
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Bandas de ac&aacute;</title>
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!-- Le styles -->
    <link rel="stylesheet" href="http://twitter.github.com/bootstrap/1.3.0/bootstrap.min.css">

    <link rel="stylesheet" href="css/style.css">

    <!-- Le fav and touch icons -->
    <link rel="shortcut icon" href="images/favicon.ico">
    <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
    <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
    <script type="text/javascript" src="js/app.js"></script>
    <script type="text/javascript" src="http://twitter.github.com/bootstrap/1.3.0/bootstrap-modal.js"></script>
  </head>

  <body>

    <div class="topbar">
      <div class="fill">
        <div class="container">
          <a class="brand" href="/">Bandas de ac&aacute;</a>
          <ul class="nav">
            <li class="active"><a href="/">Inicio</a></li>
            <li><a href="#about">Bandas</a></li>
            <li><a href="#contact">Toques</a></li>
            <li><a href="#contact">Boliches</a></li>

          </ul>
		  <?php if(isset($_SESSION['id_usuario_actual'])){ ?>
			<ul class="nav secondary-nav">
            <li class="dropdown">
              <a href="#" class="dropdown-toggle"><?php echo $_SESSION['login_usuario_actual']  ?></a>
              <ul class="dropdown-menu">
                <li><a href="#">Secondary link</a></li>
                <li><a href="#">Something else here</a></li>
                <li class="divider"></li>
                <li><a href="/bandasdeaca/logout">Cerrar sesi&oacute;n</a></li>
              </ul>
            </li>
          </ul>
		  <?php } 
		  else{?>
		  <div class="pull-right" id="links-login">
            <a href="#" id="login">Iniciar sesi&oacute;n</a> |
            <a href="#" data-controls-modal="registro" data-backdrop="true" data-keyboard="true">Registrarme</a>
          </div>
          <form action="/bandasdeaca/login" method="post" id="form-login" class="pull-right">
            <input class="input-small" type="text" placeholder="usuario" name="usuario">
            <input class="input-small" type="password" placeholder="contrase&ntilde;a" name="contrasenia">
            <button class="btn" type="submit">entrar</button> | 
			<a href="#" id="cancelar-login">Cancelar</a>
          </form>
		  <?php } ?>
        </div>
      </div>
    </div>

    <div class="container">

      <div class="content">
        <div class="page-header">
          <h1>Bandas y toques <small>de los buenos</small></h1>
        </div>
        <div class="row">
          <div class="span10">
            <h2>Bandas</h2>
          </div>
          <div class="span4">
            <h3>Pr&oacute;ximos toques</h3>
          </div>

        </div>
      </div>

      <footer>
        <p>&copy; narwhalware <?php echo date("Y"); ?></p>
      </footer>

    </div> <!-- /container -->
    
    <?php 
	
	include "form_registro_vacio.php";
	
	?>

  </body>
</html>
